<template>
  <div class="content">
    <div class="content-splitter">
      <Splitter max="90%" min="10%">
        <div class="splitter-cont">
          <p>1</p>
          <p>1</p>
          <p>1</p>
          <p>1</p>
          <p>1</p>
          <p>1</p>
          <p>1</p>
        </div>
      </Splitter>
    </div>
  </div>
</template>
<script setup lang="ts">
import Splitter from './common/splitter.vue'
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
}
.content-splitter {
  width: 100%;
  height: 100%;
  // width: 100%;
  // height: 20%;
  // position: fixed;
  // left: 0;
  // bottom: 0;
}
</style>
